<template>
    <div>
        <el-container>
        <el-aside width="auto">
            <CommponentAside />
        </el-aside>
        <el-container>
            <el-header>
                <commponent-Header />
            </el-header>

            <commponent-Tag />
            <el-main>
                <!-- 路由出口 -->
                <!-- 路由匹配到的组件将渲染在这里 -->
                <router-view></router-view>
            </el-main>
        </el-container>
        </el-container>
        
    </div>
</template>

<script>
import CommponentAside from '@/components/CommponentAside.vue';
import CommponentHeader from '@/components/CommponentHeader.vue';
import CommponentTag from '@/components/CommponentTag.vue';
export default {
    data () {
        return {

 
        }
    },
    components: {
        CommponentAside,
        CommponentHeader,
        CommponentTag
    }
}
</script>
 
<style lang = "less" scoped>
.el-header {
    padding: 0; 
}
</style>